body {
	background-color: #F5F5F5 !important;
}

div {
	display: block;
}

a {
	color: gray !important;
	text-decoration: none !important;
}

.a_b {
	color: #4e4e4e !important;
}

a:link {
	text-decoration: none !important;
}

a:active: {
	color: red;
	text-decoration: none !important;
}

a:visited {
	color: purple;
	text-decoration: none !important;
}

a:hover {
	color: red !important;
	text-decoration: none !important;
}

p {
	color: gray;
	letter-spacing: 2px
}

li {
	letter-spacing: 2px;
}

.centar {
	width: 95%;
	margin-right: auto;
	margin-left: auto;
}

.float_n {
	float: none !important;
}

.color_w {
	color: white !important;
}

/* dy */
.overflow_h {
	white-space: nowrap;
	/*强制不换行*/
	overflow: hidden;
	/*自动隐藏文字*/
	text-overflow: ellipsis;
	/*文字隐藏后添加省略号*/
	-o-text-overflow: ellipsis;
	/*适用于opera浏览器*/
	white-space: pre;
	/* CSS 2.0 */
	white-space: pre-wrap;
	/* CSS 2.1 */
	white-space: pre-line;
	/* CSS 3.0 */
	white-space: -pre-wrap;
	/* Opera 4-6 */
	white-space: -o-pre-wrap;
	/* Opera 7 */
	white-space: -moz-pre-wrap;
	/* Mozilla */
	white-space: -hp-pre-wrap;
	/* HP Printers */
	word-wrap: break-word;
	/* IE 5+ */
}

.border_r_dotted {
	border-right: 2px dotted rgb(250, 144, 144);
}

.border_b_dotted {
	border-bottom: 2px dotted rgb(250, 144, 144);
}

.border_l_solid {
	border-left: 2px solid rgb(250, 144, 144);
}

.border_r_solid {
	border-right: 2px solid rgb(255, 195, 195);
}

.hg20 {
	height: 20px;
}

.hg30 {
	height: 30px;
}

.bg_b {
	background-color: #2C3D50;
}

.bg40 {
	height: 40px;
}

.mg5_b {
	margin-bottom: 5px;
}

.mg10_b {
	margin-bottom: 10px;
}

.mg20_b {
	margin-bottom: 20px;
}

.mg40_t {
	margin-top: 40px;
}

.mg30_t {
	margin-top: 30px;
}

.mg50_t {
	margin-top: 50px;
}

.column {
	width: 1170px;
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
	background: rgb(172, 172, 172);
}

@media (min-width: 1200px) {
	.centar {
		width: 1170px;
	}
}

@media (min-width: 768px) and (max-width: 999px) {
	.nav_sw {
		height: 1040px !important;
	}

	.sw {
		width: 100%;
		padding-left: 0px !important;
	}
}

/* 咨询中心 */
.head {
	width: 100%;
	height: 70px;
	background-image: linear-gradient(180deg, #FFFFFF 0%, #F5F5F5 45%, rgb(233, 233, 233) 100%);
}

.head .logo {
	margin-left: 20px;
	width: 400px;
	height: 70px;
	background-image: url(../images/flzxtj.png);
	background-repeat: no-repeat, repeat;
	float: left;
}

.head .nav {
	width: 540px;
	height: 70px;
	float: left;
}

.nav ul {
	margin-top: 23px;
	text-align: left;
	padding-inline-start: 5px;
}

.nav li {
	color: rgb(75, 75, 75);
	padding-right: 10px;
	margin-right: 8px;
	list-style: none;
	display: inline-block;
	border-right: 1px solid rgb(75, 75, 75);
}

.column .top_search {
	float: right;
	margin-top: 16px;
	border: 1px solid rgb(211, 211, 211);
	background: rgb(237, 237, 237);
}

.column .top_search .form_search {
	width: 160px;
}

.column .top_search .input_search {
	background: rgb(237, 237, 237);
	float: left;
	height: 30px;
	color: rgb(79, 79, 79) !important;
	border: 0;
	outline: none;
	width: 120px;
}

.column .top_search .input_submit {
	background: rgb(255, 255, 255);
	float: right;
	width: 35px;
	height: 30px;
	border-left: 1px solid rgb(171, 171, 171);
	border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgb(211, 211, 211);
	background-image: url(http://c.fxh.idcmatrix.com/themes/theme_jiaoliunew/public/assets/images/search.png);
	background-repeat: no-repeat, repeat;
	background-position: right, left top;
}

/* 幻灯片 */
.sw {
	padding-left: 0px;
	padding-right: 0px;
	background: #000;
	height: 364px;
}

/* line */
.lineleft {
	width: 49.83%;
	/* background: rgb(145, 25, 25); */
	float: left;
	height: 100%;

}

.lineright {
	width: 49.83%;
	/* background: rgb(72, 179, 87); */
	float: left;
	height: 100%;
}

.line1 {
	height: 400px;
	background: rgb(255, 255, 255);
	margin-top: 10px;
}

.line1 .lineleft ul {
	margin-top: 10px;
}

.line1 .lineleft li {
	float: left;
	width: 46.5%;
	text-align: center;
	margin: 10px;
}

.line1 li img {
	width: 100%;
	height: 166px;
}

.line1 .lineright .title {
	margin-top: 4px;
	margin-left: 10px;
	line-height: 50px;
	height: 50px;
	border-bottom: 1px solid rgb(108, 1, 1);
	color: rgb(38, 38, 38);
	font-size: 18px;
	padding-left: 10px;
}

.line1 .lineright .title .more {
	float: right;
	color: rgb(38, 38, 38) !important;
}

.line1 .lineright ul {
	padding-inline-start: 20px;

}

.line1 .lineright li {
	height: 46px;
	line-height: 46px;
	list-style: azure !important;
	border-bottom: 1px dashed rgb(154, 154, 154);
	font-size: 15px;
	color: rgb(92, 92, 92);
}

/* line2 */

.line2 {
	height: 410px;
	background: rgb(255, 255, 255);
	margin-top: 10px;
}

.line2 .title {
	text-align: center;
	height: 100px;
	line-height: 100px;
	font-size: 20px;
	background-image: url(../images/linefg.png);
	background-repeat: no-repeat, repeat;
	background-position: center, center;
}

.listsw {
	background: white !important;
}

.line2 .list .listli {
	width: 267px;
	height: 261px;
	background: rgb(244, 242, 242);
	display: inline-block;
	margin: 8.7px;
	border: 3px solid white;
}

.line2 .list .listli img {
	width: 100%;
	height: 204px;
}

.line2 .list .listli .name {
	height: 57px;
	line-height: 57px;
	margin-left: 10px;
	margin-right: 10px;
	color: rgb(160, 160, 160);
}

.line2 .list .listli .more {
	margin-top: 20px;
	float: right;
	height: 57px;
	width: 20px;
	background-image: url(../images/bin_down.png);
	background-repeat: no-repeat, repeat;
}

/* line3 */

.line3 {
	height: 481px;
	background: rgb(255, 255, 255);
	margin-top: 10px;
}

.line3 .title {
	text-align: center;
	height: 100px;
	line-height: 100px;
	font-size: 20px;
	background-image: url(../images/linefg.png);
	background-repeat: no-repeat, repeat;
	background-position: center, center;
}

.line3 .listli {
	height: 351px;
	width: 19%;
	border: 1px solid rgb(154, 154, 154);
	float: left;
	margin: 5.5px;
}

.line3 .listli img {
	padding: 10px;
	width: 100%;
	height: 160px;
}

.line3 .listli .name {
	margin-left: 10px;
	margin-right: 10px;

}

.line3 .listli .name .nt {
	font-size: 18px;
	color: rgb(63, 63, 63);
}

.star {
	font-size: 13px;
}

.layui-rate li i.layui-icon {
	font-size: 15px !important;
	margin-right: 1px !important;
}

.line3 .listli .name .hp {
	margin-top: 5px;
	font-size: 16px;
	float: right;
	color: rgb(108, 108, 108);

}

.line3 .listli .info {
	/* background: #000; */
	margin-top: 10px;
	height: 110px;
	border-top: 1px solid rgb(154, 154, 154);

	text-align: center
}

.line3 .listli .info p {
	margin-top: 5px;
	text-align: left;
	margin-left: 10px;
	padding-right: 9px;
	word-wrap: break-word;
    word-break: normal;
}

.line3 .listli .info .bin {
	margin-top: 8px;
	background: rgb(116, 0, 0);
	height: 30px;
	width: 100px;
	padding-left: 30px;
	padding-right: 30px;
	color: white;
}

/* line4 */

.line4 {
	height: 458px;
	background: rgb(255, 255, 255);
	margin-top: 10px;
}

.line4 .title {
	text-align: center;
	height: 100px;
	line-height: 100px;
	font-size: 20px;
	background-image: url(../images/linefg.png);
	background-repeat: no-repeat, repeat;
	background-position: center, center;
}

.line4 .line3li {
	width: 900px;
	margin: 0 auto;
	height: 458px;
}

.line4 .left {
	width: 180px;
	height: 358px;
	float: left;
}

.line4 .center {
	width: 540px;
	height: 358px;
	float: left;
}

.line4 .center img {
	width: 340px;
	margin-left: 100px;
	margin-right: 100px;
	margin-top: 70px;
	margin-bottom: 70px;
}


.line4 .right {
	width: 180px;
	height: 358px;
	float: left;
}

.line4 li {
	width: 100%;
	height: 106px;
	margin-top: 10px;
}

.line4 .bin1 {
	background-image: url(../images/bin1.png);
	background-repeat: no-repeat, repeat;
	background-position: center, center;
}

.line4 .bin2 {
	background-image: url(../images/bin2.png);
	background-repeat: no-repeat, repeat;
	background-position: center, center;
}

.line4 .bin3 {
	background-image: url(../images/bin3.png);
	background-repeat: no-repeat, repeat;
	background-position: center, center;
}

.line4 .bin4 {
	background-image: url(../images/bin4.png);
	background-repeat: no-repeat, repeat;
	background-position: center, center;
}

.line4 .bin5 {
	background-image: url(../images/bin5.png);
	background-repeat: no-repeat, repeat;
	background-position: center, center;
}

.line4 .bin6 {
	background-image: url(../images/bin6.png);
	background-repeat: no-repeat, repeat;
	background-position: center, center;
}

.line4 .bin8 {
	background-image: url(../images/bin8.png);
	background-repeat: no-repeat, repeat;
	background-position: center, center;
}

/* line5 */

.line5 {
	height: 258px;
	background: rgb(255, 255, 255);
	margin-top: 10px;
}

.line5 .title {
	text-align: center;
	height: 100px;
	line-height: 100px;
	font-size: 20px;
	background-image: url(../images/linefg.png);
	background-repeat: no-repeat, repeat;
	background-position: center, center;
}

.line5 ul {
	text-align: center;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-left: 20px;
	margin-right: 20px;
}

.line5 li {
	line-height: 40px;
	width: 16%;
	display: inline-block;
}

/* footer */
.footer {
	width: 100%;
	height: 132px;
	line-height: 132px;
	background: white !important;
	margin-top: 10px;
}

.footer .listli {
	background: white !important;
}

.footer .logo {
	float: left;

}

.footer .nav {
	float: left;
	margin-left: 20px;
	color: rgb(130, 130, 130);
}

/* list */
.list{
	background: #F5F5F5;
	min-height: 516px;
	margin-top: 10px;
}

.list .listleft{
	width: 273px;
	height: 516px;
	float: left;
	background: #FFFFFF;
	box-shadow: 2px 2px 4px 0 #D6D0C4;
}
.list .listleft .bin{
	color: white;
	line-height: 42px;
	text-align: center;
	width: 206px;
	height: 42px;
	background: #000;
	margin: 0 auto;
	margin-top: 30px;
	background-image: linear-gradient(180deg, rgb(189, 164, 139) 0%, rgb(130, 114, 99) 100%);
	border: 1px solid #685B50;
	border-radius: 4px;
	border-radius: 4px;
}
.list .listleft ul{
	width: 100%;
	text-align: center;
	line-height: 30px;
	margin-top: 10px;
}
.list .listleft ul li{
	border-bottom: 1px solid rgb(213, 163, 119);
	text-align: left;
	margin-left: 35px;
	margin-right: 35px;
}
.list .listleft ul li span{
	color: rgb(150, 100, 53) !important;

}
.list .listleft ul li a{
	color: rgb(92, 59, 28) !important;
}
.list .listright{
	margin-left: 20px;
	width: 847px;
	min-height: 516px;
	display: inline-block;
	background: #FFFFFF;
	box-shadow: 2px 2px 4px 0 #D6D0C4;
}
.list .list_top{
	background: rgb(198, 152, 112);
	height: 31px;
	margin: 10px;
	color: rgb(62, 31, 3);
	line-height: 31px;
	font-weight: bold;
	padding-left: 5px;
}
.doc{
	margin: 10px;
}
.doc .title{
	width: 100%;
	text-align: center;
	font-size: 21px;
	color: rgb(121, 4, 4);
	font-weight: bold;
}
.doc .lists li{
	border-bottom: 1px dashed rgb(198, 197, 197);
	height: 30px;
	line-height: 30px;
}
.doc .page_list{
	text-align: center;
}
.max{
	width: 100% !important;
}
/* 调解员 */

.doc .img li{
	width: 14.285714285714286%;
	display: inline-block;
	text-align: center;
	margin: 11.5px;
	border-bottom: 0px dashed rgb(198, 197, 197);

}
.doc .img li img{
	width: 135px;
	height: 155px;
}